<!DOCTYPE>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
	<!-- 头尾通用样式表 -->
	<link rel="stylesheet" type="text/css" href="./css/header_footer.css">
	<!-- 导航栏通用样式表 -->
	<link rel="stylesheet" type="text/css" href="./css/navbar.css">
	<!-- 导航栏2.0 -->
	<link rel="stylesheet" type="text/css" href="./css/navbar2.0.css">

	<link rel="stylesheet" type="text/css" href="./css/section_type.css">

	<link rel="stylesheet" href="css/zoomify.min.css">

	<link rel="icon" href="./img/Icon/Hat_by_PxStardust.png" type="image/x-icon" />

	<style>
	.round_shade_center{
		border: 5px solid grey;
		width: 60%;
	}
</style>

<title>WalkerZZL的个人主页</title>
</head>

<!--oncontextmenu='return false' ondragstart='return false' onselectstart ='return false'-->
<body>

	<header>
		<div class="header">

			<div class="weather">
				<img id="Month"/>
				<img id="Date1" height="50%" />
				<img id="Date2"/>
				<img id="Week"/>
				<img id="Time">
			</div>

		</div>
	</header>
	<nav>
		<ul class="navbar">
			<li>
				<a href="index.html">主页</a>
			</li>
			<li>
				<a href="introduction.html">介绍</a>
			</li>
			<li>
				<a href="dairy.html">日志</a>
			</li>
			<li>
				<a href="#">相册</a>
			</li>
		</ul>
	</nav>
	<content>
		<div class="wrapper">
			<div class="navbar2">
				<p><a>主页</a> >> 日志</p>
			</div>

			<div class="left_nav">
				<a id="div1Link" >1</a>
				<a id="div2Link" >2</a>
				<a id="div3Link" >3</a>
			</div>

			<div class="section_one">
				<div class="p1">
					<p>这只是最近新出的Rg多鲁基斯，虽然我本人并没有啦，就是放出来展示一下。
					虽然感觉好像还不错的样子，只是感觉Rg似乎没有Mg那种给人更舒服的感觉。</p>
				</div>
				<div class="picture_wrapper1">		
					<a href="#pic_one">
						<img class="picture_one" src="./img/Gundam/r1.jpg">
					</a>
					<a href="#pic_two">
						<img class="picture_two" src="./img/Gundam/r2.jpg">
					</a>
				</div>
			</div>
			<div id="pic_one" style="display:none;"><img src="./img/Gundam/r1.jpg" /></div>
			<div id="pic_two" style="display:none;"><img src="./img/Gundam/r2.jpg" /></div>

			<div class="section_two">
				<div class="p2">
					<p>在网上看到了哈罗被当成球来打的照片。感觉很有趣，要是MS们的日常像这样欢乐，大概
					就没有什么战争的必要了吧。不过哈罗这样看起来真的很可怜。</p>
				</div>
				<div class="picture_wrapper2">		
					<a href="#pic_three">
						<img class="picture_one" src="./img/Gundam/h1.jpg">
					</a>
					<a href="#pic_four">
						<img class="picture_two" src="./img/Gundam/h2.jpg">
					</a>
				</div>
			</div>

			<div id="pic_three" style="display:none;"><img src="./img/Gundam/h1.jpg" /></div>
			<div id="pic_four" style="display:none;"><img src="./img/Gundam/h2.jpg" /></div>

			<div class="section_three">
				<div class="p3">
					<p>来自78论坛的海牛高达！（其实前面的照片也都是从78论坛来的，不会被说盗用吧……虽然我也没用去做什么商业
						用途就是了）。虽然我没怎么看过0079系列的高达动漫但对于这种厚重的装甲设置还是觉得很喜欢的，整体给人
					很清爽又很硬朗的感觉。</p>
				</div>

				<div class="picture_wrapper3">		
					<a href="#pic_five">
						<img class="picture_one" src="./img/Gundam/n1.jpg">
					</a>
					<a href="#pic_six">
						<img class="picture_two" src="./img/Gundam/n2.jpg">
					</a>
					<a href="#pic_seven">
						<img class="picture_three" src="./img/Gundam/n3.jpg">
					</a>
					<a href="#pic_eight">
						<img class="picture_four" src="./img/Gundam/n4.jpg">
					</a>
				</div>
			</div>

			<div id="pic_five" style="display:none;"><img src="./img/Gundam/n1.jpg" /></div>
			<div id="pic_six" style="display:none;"><img src="./img/Gundam/n2.jpg" /></div>
			<div id="pic_seven" style="display:none;"><img src="./img/Gundam/n3.jpg" /></div>
			<div id="pic_eight" style="display:none;"><img src="./img/Gundam/n4.jpg" /></div>
		</div>
	</content>

	<footer>
		<div class="footer">
			<!-- 人工分割线，hr很麻烦，想想算了 -->
			<p>--------------------------------------</p>
			<p>此处应该有版权声明</p>
			<ul>
				<li><img src="./img/Icon/Gallery_by_PxStardust.png" height="100%"></li>
				<li><img src="./img/Icon/Clock_by_PxStardust.png" height="100%"></li>
				<li><img src="./img/Icon/Drive_by_PxStardust.png" height="100%"></li>
			</ul>
			<p>然而并没有</p>
		</div>
	</footer>

	<script src='./js/jquery.min.js'></script>
	<script src="./js/index.js"></script>
	<script src="./js/dairy.js"></script>

	<script type="text/javascript" src="./js/content_zoom.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('div.picture_wrapper1 a').fancyZoom({scaleImg: true, closeOnClick: true});
			$('div.picture_wrapper2 a').fancyZoom({scaleImg: true, closeOnClick: true});
			$('div.picture_wrapper3 a').fancyZoom({scaleImg: true, closeOnClick: true});
		});
	</script>

</body>

</html>